<nav id="navbar-main-nav" class="navbar" style="box-shadow: 0 3px 8px grey">
            <div class="row">
                <div class="three columns">
                    <h2 style="text-align: left"><a style="color: white;" href="citportal">Citportal</a></h2>
                </div>
                <li id="login" class="two columns pull_right pretty medium squared info btn" style="height: 100%; margin-top: 20px; text-align: center; -webkit-border-radius: 4px">
                    <!--<div class="pretty medium default btn"><input type="submit" value="Submit"></div>-->
                    <a href="login" style="font-size: 20px">Login<i class="icon-login"></i></a>
                </li>
                <li id="signup" class="two columns pull_right pretty medium squared info btn" style="height: 100%; margin-top: 20px; text-align: center; -webkit-border-radius: 4px">
                    <!--<div class="pretty medium default btn"><input type="submit" value="Submit"></div>-->
                    <a href="signup" target="_blank"><i class="icon-user-add"></i>Sign Up</a>
                </li>
                <nav class="seven columns pull_right" style="margin-top: 10px">
                    <ul id="main_nav" style="float: right">
                        <li><a href="academic">Academic</a></li>
                        <li><a href="industry">Industry</a></li>
                        <li><a href="others">Others</a></li>
                    </ul>
                </nav>
            </div>
        </nav>
		        <!--nav for the timeline-->
        <nav id="inner-nav" style="padding-top: 80px">
            <?php include 'public/include/timeline.php'; ?>
        </nav>
        <!--share_button: facebook, twitter and so on-->
        <?php include 'public/include/share_button.php'; ?>